<template>
  <div>
    <div class="">
      <div class="common-box">
      <el-tabs v-model="activeTag" @tab-click="handleClick">
        <!--待审核 begin-->
        <el-tab-pane label="待审核" name="first">
          <audited-data></audited-data>
        </el-tab-pane>
        <!--待审核 end-->
        <!--处理中 begin-->
        <el-tab-pane label="处理中" name="second">
          <handle-data></handle-data>
        </el-tab-pane>
        <!--处理中 end-->
        <!--未通过 begin-->
        <el-tab-pane label="未通过" name="third">
          <not-through></not-through>
        </el-tab-pane>
        <!--未通过 end-->
        <!--已兑换 begin-->
        <el-tab-pane label="已兑换" name="fourth">
          <convertibility-data></convertibility-data>
        </el-tab-pane>
        <!--已兑换 end-->
      </el-tabs>
      </div>
    </div>
  </div>
</template>
<script>
  import service from '@/service';
  import auditedData from './AuditedData/index.vue';
  import handleData from './HandleData/index.vue';
  import notThrough from './NotThrough/index.vue';
  import convertibilityData from './ConvertibilityData/index.vue';
  export default {
    data(){
      return {
        activeTag:'first'
      }
    },
    mounted(){

    },
    methods:{
      handleClick(tab, event) { //标签页切换
        if(tab.index===0){
          //待审核

        }else if(tab.index===1){
          //处理中

        }else if(tab.index===2){
          //未通过

        }else{
          //已兑换

        }
      }
    },
    components:{
      auditedData,
      handleData,
      notThrough,
      convertibilityData
    }

  }
</script>

